<div class="seed-sponsor-filter">
  <div class="match-filter-title">
    <i class="back" (click)="CloseFilterPage()"></i>
    <span>筛选条件</span>
  </div>
  <div class="seed-sponsor-filter-body">
    <div class="competition-project">
      <div class="competition-project-title">
        <p>
          <span class="competitionName">比赛项目</span>
          <span class="proListName">{{proListName}}</span>
          <i (click)="ToggleCompetition('sportType')" [ngClass]="{turnUp:!competitionShow}"></i>
        </p>
      </div>
      <div class="competition-project-clum">
        <ul [ngClass]="{'sport-ul':competitionShow}"
        >
          <li
              [ngClass]="{chosed:filterObj.proList.length==0}"
              (click)="SportType('全部','')"
              #chosedAll
          >全部</li>
          <li *ngFor="let item of filterData.sportTypeList"
              (click)="SportType(item.label,item.value)"
              [ngClass]="{chosed: filterObj.proList.indexOf(item.value) !=-1}"
          >{{item?.label}}</li>
        </ul>
      </div>
    </div>
    <div class="competition-project">
      <div class="competition-project-title">
        <p>
          <span class="competitionName">比赛地点</span>
          <span class="proListName">{{areaName}}</span>
          <i (click)="ToggleCompetition('area')" [ngClass]="{turnUp:!areaShow}"></i>
        </p>
      </div>
      <div class="competition-project-clum">
        <ul [ngClass]="{'sport-ul':areaShow}">
          <li
            [ngClass]="{chosed:filterObj.areaList.length==0}"
            (click)="AreaChose('全部','')"
            #areaAll
          >全部</li>
          <li *ngFor="let item of filterData.dictAreaList"
              (click)="AreaChose(item.title,item.areaId)"
              [ngClass]="{chosed: filterObj.areaList.indexOf(item.areaId) !=-1}"
          >{{item?.title}}</li>
        </ul>
      </div>
    </div>
    <div class="competition-project">
      <div class="competition-project-title">
        <p>
          <span class="competitionName">金额范围</span>
        </p>
      </div>
      <div class="competition-project-clum">
        <ul>
          <li *ngFor="let item of filterData.moneyList"
              (click)="MoneyChose(item.moneyValue)"
              [ngClass]="{chosed: filterObj.moneyValue==item.moneyValue}"
          >{{item?.moneyName}}</li>
        </ul>
      </div>
    </div>
    <div class="competition-project">
      <div class="competition-project-title">
        <p>
          <span class="competitionName">时间筛选</span>
        </p>
      </div>
      <div class="competition-project-clum">
        <div class="choseTime">
          <div class="chose-time">
            <p class="strat-time">开始日期</p>
            <input name="startTime"
                   class="start-time-input"
                   id="startTimeInput"
                   type="month"
                   min="{{initialTime}}"
                   max="{{initialYear+5+'-'+initialMonth}}"
                   (change)="StartChange()"
                   (blur)="StartBlur()"
                   [(ngModel)]="filterObj.startMonth"
            >
            <span>{{filterObj.startMonth.slice(0,4)+'年'+filterObj.startMonth.slice(5)+'月'}}</span>
          </div>
          <label></label>
          <div class="chose-time ent-time">
            <input name="endTime"
                   class="end-time-input"
                   type="month"
                   max="{{initialYear+5+'-'+initialMonth}}"
                   (change)="Endchange()"
                   (blur)="EndTimeBlur()"
                   [(ngModel)]="filterObj.endMonth"
            >
            <span>{{filterObj.endMonth==''?'选择结束日期':filterObj.endMonth.slice(0,4)+'年'+filterObj.endMonth.slice(5)+'月'}}</span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="contact-filter-position">
    <div class="reset" (click)="Reset()">重置</div>
    <div class="submit" (click)="Submit()">确认</div>
  </div>
</div>
